<div class="crumbs">
   <ul>
		<li><a href="/">Trang chủ </a> &nbsp;>&nbsp; </li>
		<li><a href="lien-he.html">Liên hệ </a></li>
	</ul>
</div>
<div class="line"></div>
<div class="news_detail">
   <div class="contact">
        <h1>Liên hệ</h1>
        <p>
            Mọi ý kiến liên hệ xin liên lạc theo địa chỉ :<br />
            <h3><?=$support_online['spo_company_name']?></h3>
            <h4> <?=$support_online['spo_company_address']?></h4>
            Điện thoại: <?=$support_online['spo_hotline']?><br />
            Fax: <?=$support_online['spo_fax']?>
        </p>
        <p>
            Hoặc có thể liên hệ trực tiếp thông qua website bằng cách điền đầy đủ thông tin và gửi về cho chúng tôi.
        </p>
        <div class="contact_form">
            <form class="form" action="<?=$_SERVER['REQUEST_URI']?>" method="POST">
                <?=($bg_errorMsg ? '<div class="alert red">'.$bg_errorMsg.'</div>' : '')?>
                <?=($bg_success ? '<div class="alert alert-success blue">'.'Cảm ơn bạn đã gửi liên hệ. Chúng tôi sẽ liên lạc với bạn trong thời gian sớm nhất!'.'</div>' : '')?>
                <label>Tiêu đề</label>
                <input type="text" value="" placeholder="Tiêu đề liên hệ" class="inputtxt" name="title"/><br />
                <label>Họ tên</label>
                <input type="text" value="" placeholder="Họ tên của bạn" class="inputtxt" name="name"/><br />
                <label>Email</label>
                <input type="text" value="" placeholder="Email của bạn" class="inputtxt" name="email"/><br />
                <label>Nội dung</label>
                <textarea placeholder="Nội dung liên hệ" class="inputtxt inputtxtArea" name="content"></textarea><br />
                <input type="submit" class="btn logMeIn" id="btnSend" value="Gửi thông tin liên hệ" name="" />  
                <input type="hidden" name="action" value="execute"/>  
            </form>
    	</div>
    </div><!-- End content -->
</div>
<style>
.alert {
   background: #cacaca;
   font-size: 15px;
   font-weight: bold;
}
.red {
   color: red;
}
.blue {
   color: blue;
}
.contact p {
   line-height: 1.5em;
}
.contact .form {
   margin-top: 10px;
}
.contact textarea, input[type="text"],.contact input[type="password"],.contact input[type="datetime"],.contact input[type="datetime-local"],.contact input[type="date"],.contact input[type="month"],.contact input[type="time"],.contact input[type="week"],.contact input[type="number"],.contact input[type="email"],.contact input[type="url"],.contact input[type="search"],.contact input[type="tel"],.contact input[type="color"],.contact .uneditable-input {
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border linear .2s,box-shadow linear .2s;
-moz-transition: border linear .2s,box-shadow linear .2s;
-o-transition: border linear .2s,box-shadow linear .2s;
transition: border linear .2s,box-shadow linear .2s;
}
.contact select,.contact textarea,.contact input[type="text"],.contact input[type="password"],.contact input[type="datetime"],.contact input[type="datetime-local"],.contact input[type="date"],.contact input[type="month"],.contact input[type="time"],.contact input[type="week"],.contact input[type="number"],.contact input[type="email"],.contact input[type="url"],.contact input[type="search"],.contact input[type="tel"],.contact input[type="color"],.contact .uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 9px;
font-size: 14px;
line-height: 20px;
color: #555;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.contact input,.contact textarea,.contact .uneditable-input {
width: 406px;
}
.contact textarea {
   height: 120px;
}
.contact label {
display: block;
margin-bottom: 5px;
}
.contact label,.contact input,.contact button,.contact select,.contact textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
.btn {
   width: 200px;
}
.contact .btn {
display: inline-block;
padding: 4px 14px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbb;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
.contact .btn:hover {
color: #333;
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
}
</style>